.base .container-header .search .w115 .ivu-form-item-label {
  width: 115px;
}
.order-title-total{
  width: 100%;
  height: 30px;
  padding-left: 20px;
  background: white;
  line-height: 30px;
}
.container.order-list {
  .holder {
    height: @size / 2;
    padding-right: @space;
    margin-bottom: @space / 2;
    background: #fff;
    .flexBetween();
    .left {
      height: 100%;
      .f1();
      .flexLeft();
      .item {
        height: 100%;
        padding: @size * .15 @space * 2 @space * .75;
        cursor: pointer;
        &.active {
          color: @mainColor;
          border-bottom: 2px solid @mainColor;
        }
      }
    }
  }
  .arrow-con {
    display: inline-block;
  }
  .title-right {
      width: @size;
      height: @size * .36;
      .border();
      .radius(@space / 2);
      position: relative;
      .flexBetween();
      .arrow {
        top: 7;
        right: @space / 2;
        margin-right: @space / 2;
        position: absolute;
      }
      .selected {
        width: 100%;
        padding-left: @space;
        cursor: pointer;
      }
    .flag-list {
      top: @space * 3;
      width: 100%;
      max-height: 200px;
      margin: @space / 2 0;
      padding: @space / 2 0;
      overflow: auto;
      background-color: @white;
      box-sizing: border-box;
      .radius(@space * .4);
      box-shadow: 0 1px 6px rgba(0,0,0,.2);
      position: absolute;
      z-index: 900;
      li {
        line-height: normal;
        margin: 0;
        padding: @space;
        clear: both;
        white-space: nowrap;
        list-style: none;
        cursor: pointer;
        &:hover{
          background: #f3f3f3;
        }
      }
    }
  }
  .remark {
    width: @size * 2;
    .e(4);
    display: inline-block;
  }
  .table-list {
    margin-top: -@space;
    overflow: auto;
    .list {
      margin: @space 0;
      .tag {
        width: @space * 2;
        height: @space * 2;
        line-height: @space * 2;
        margin-right: @space / 2;
        color: @white;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        .radius(@space / 3);
      }
      .tags {
        // width: @space * 6;
        height: @space * 2;
        line-height: @space * 2;
        margin-right: @space / 2;
        padding: 0 @space / 2;
        color: @white;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        .radius(@space / 3);
      }
      .blue {
          background-color: @blue;
      }
      .red {
        background-color: @red;
      }
      .header {
        padding: @size * .1;
        background-color: @white;
        line-height: 2.4 * @space;
        // .flexLeft();
        .flexBetween();
        .header-left {
          .flexLeft();
          margin-right: @space * 3;
        }
        .header-right {
          flex:1;
          overflow:hidden;
          text-overflow:ellipsis;
          white-space:nowrap;
          min-width:0;
          text-align: right;
        }
        .item {
          margin-right: @space;
        }
      }
      .address-box {
        padding: @size * .1;
        background-color: @white;
        line-height: 2.4 * @space;
      }
      .content {
        .border();
        background-color: @white;
        display: flex;
        .br {
          .borderRight();
        }
        .bb {
          .borderBottom();
        }
        .f1 {
          .f1();
        }
        .f4 {
          flex: 4;
        }
        .f5 {
          flex: 5;
        }
        .infos {
          padding: 0 @space;
          .borderBottom();
          .infoInner {
            display: flex;
            justify-content: space-between;
          }
          .market {
            margin: @space 0 @space;
          }
          .left {
            margin-right: @space;
            padding: @space 0;
            .flexLeft();
            align-items: flex-start;
            .img {
                width: @size;
                height: @size;
                margin-right: @space;
                background-color: @bg-container;
                .flexCenter();
                img {
                  max-width: 100%;
                  max-height: 100%;
                  display: block;
                }
                .icon {
                  color: @deepBorder;
                }
            }
            .name{
              margin-top: @space / 2;
              margin-bottom: @space / 2;
              .e(2);
            }
          }
          .right {
            min-width: @size;
            text-align: right;
          }
          .hideShow {
            position: absolute;
            right: 295px;
            bottom: 8px;
            font-size: 12px; 
            text-align: right
          }
          &:last-child {
            border-bottom: none;
          }
        }
        .columns {
          .flexColumn();
          & > div {
            width: 100%;
            padding: 0 @space;
          }
        }
        .buyer-pic {
          img {
            width: @space * 4;
            height: @space *4;
            margin-right: @space / 2;
            cursor: pointer;
          }
        }
      }
    }
  }
}